<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>搜索大全</title>
        <style type="text/css">
            .wrapper{
                border: 1px solid blue ;
                overflow: hidden ;
                width: 641px;
                height: 35px;
                margin: 0 auto;

            }
            .left {
                float: left ;
                width : 80% ;
                background-color: white;
            }
            .right {
                float : right ;
                width: 20% ;
                background-color: #5178ff;
            }
            .box { width: 100% ;
                height: 50px ;
                border: none ;
                outline: none ;
                background-color: transparent ;
            }
            .btn { width: 100% ;
                height: 50px ;
                border: none ;
                outline: none ;
                background-color: transparent ;
                color: white;
                font-size: medium;
                text-align: center;
                line-height: 50%;
            }

        </style>
    </head>
    <body>
        <div align="center">
            <img src="bd_logo1.png" width="270" height="129">
        </div>
        <div class="wrapper">
            <form action="http://www.baidu.com/s" autocomplete="off">
               <div class="left">
                     <input type="text" name="wd" class="box">
                 </div>
                <div class="right" >
                    <input type="submit" value="百度一下" class="btn">
                </div>
            </form>
        </div>
       <br>
        <div align="center">
            <img src="360SS.png" width="480" height="140">
        </div>
        <div class="wrapper" style="border: 1px solid gray ">
            <form action="http://www.so.com/s" autocomplete="off">
                <div class="left">
                    <input type="text" name="q" class="box">
                </div>
                <div class="right" style="background-color:#19b955 ">
                    <input type="submit" value="搜索" class="btn" >
                </div>
            </form>
        </div>
        <br>
        <div align="center">
            <img src="bing_logo2.png" width="300" height="120">
        </div>
        <div class="wrapper" style="border: 1px solid gray ">
            <form action="http://cn.bing.com/search" autocomplete="off">
                <div class="left" style="width: 95%">

                    <input type="text" name="q" class="box">
                </div>
                <div class="right" style="background-color:white ;width: 5%">
                    <input type="submit" value="🔍" class="btn" >
                </div>
            </form>
        </div>


    </body>
</html>